<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Developer | Andaily</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Andaily development">
    <meta name="author" content="Andaily">

    <!-- Le styles -->
    <link href="http://cdnjs.bootcss.com/ajax/libs/twitter-bootstrap/2.3.1/css/bootstrap.min.css" rel="stylesheet">
    <style type="text/css">
        body {
            padding-top: 20px;
            padding-bottom: 20px;
        }

        .footer {
            color: #d3d3d3;
        }

    </style>
    <link href="http://cdnjs.bootcss.com/ajax/libs/twitter-bootstrap/2.3.1/css/bootstrap-responsive.min.css"
          rel="stylesheet">

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="http://cdnjs.bootcss.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
    <![endif]-->

</head>

<body>
<div class="container">
    <div class="row">
        <div class="span2">
            <a href="/" target="_blank" title="Andaily">
                <img src="../../../logo/andaily-250x150.png" class="img-rounded"/>
            </a>
        </div>
        <div class="span1">
            <span class="badge badge-inverse" style="position: relative;top: 75px;">developer</span>
        </div>
        <div class="span3 offset6">
            <div style="position: relative;top: 65px;">
                <ul class="nav nav-pills">
                    <!--<li class="active dropdown">-->
                    <!--<a class="dropdown-toggle" data-toggle="dropdown" href="#">创建<b class="caret"></b> </a>-->
                    <!--<ul class="dropdown-menu">-->
                    <!--<li><a href="#">创建Sprint</a></li>-->
                    <!--<li><a href="#">创建Task</a></li>-->
                    <!--</ul>-->
                    <!--</li>-->
                    <li class="active"><a href="#">Task</a></li>
                    <li><a href="sprintform.html">Sprint</a></li>
                    <li><a href="#">Backlog</a></li>
                    <!--<li><a href="#">Project</a></li>-->
                </ul>
            </div>
        </div>
    </div>
    <div class="row">
        <hr/>
        <div class="span3">
            <select name="sprint">
                <option>Default sprint</option>
                <option>Sprint 0.1</option>
                <option>Sprint 0.2</option>
            </select>
            <a href="javascript:void(0)" title="The sprint information"><i class="icon-info-sign"></i></a>
        </div>
        <div class="span3">
            <div class="progress progress-striped" title="60% finished" style="position: relative;top:5px;">
                <div class="bar" style="width: 60%;"></div>
            </div>
        </div>
        <div class="span3 offset3">
            <button class="btn btn-success btn-small"><i class="icon-plus icon-white"></i> Create Task
            </button>
            <div class="btn-group">
                <a class="btn btn-small dropdown-toggle" data-toggle="dropdown" href="#">
                    Action <span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="#"><i class="icon-ok"></i> Finish the sprint</a></li>
                    <li class="divider"></li>
                    <li><a href="#"><i class="icon-edit"></i> Edit</a></li>
                    <li><a href="#"><i class="icon-remove"></i> Archive</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="span12">
            <div class="tabbable">
                <ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#pending">Pending</a>
                    </li>
                    <li>
                        <a href="#created">Created</a>
                    </li>
                    <li>
                        <a href="#finished">Finished</a>
                    </li>
                    <li>
                        <a href="#canceled">Canceled</a>
                    </li>
                    <li>
                        <a href="#alltasks">All Tasks</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="pending">
                        <table class="table table-striped table-hover">
                            <thead>
                            <tr>
                                <th style="width: 5%;">#</th>
                                <th style="width: 60%;">Task</th>
                                <th>Estimate Hour</th>
                                <th>Starting Time</th>
                                <th>Created Time</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td>153</td>
                                <td>
                                    <div class="dropdown">
                                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                            Change forgot password email to template
                                            <b class="caret"></b>
                                        </a>
                                        <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                                            <li><a tabindex="-1" href="#">Finish</a></li>
                                            <li><a tabindex="-1" href="#">Cancel</a></li>
                                            <li class="divider"></li>
                                            <li><a tabindex="-1" href="#">Delete</a></li>
                                        </ul>
                                    </div>
                                </td>
                                <td>0.5</td>
                                <td>2013-07-30 12:05</td>
                                <td>2013-07-30 11:05</td>
                            </tr>
                            <tr>
                                <td>152</td>
                                <td>
                                    <div class="dropdown">
                                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                            Account statistics: month chart
                                            <b class="caret"></b>
                                        </a>
                                        <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                                            <li><a tabindex="-1" href="#">Finish</a></li>
                                            <li><a tabindex="-1" href="#">Cancel</a></li>
                                            <li class="divider"></li>
                                            <li><a tabindex="-1" href="#">Delete</a></li>
                                        </ul>
                                    </div>
                                </td>
                                <td>1</td>
                                <td>2013-07-30 13:05</td>
                                <td>2013-07-29 13:45</td>
                            </tr>
                            <tr>
                                <td>151</td>
                                <td>
                                    <div class="dropdown">
                                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                            Account statistics: month details
                                            <b class="caret"></b>
                                        </a>
                                        <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                                            <li><a tabindex="-1" href="#">Finish</a></li>
                                            <li><a tabindex="-1" href="#">Cancel</a></li>
                                            <li class="divider"></li>
                                            <li><a tabindex="-1" href="#">Delete</a></li>
                                        </ul>
                                    </div>
                                </td>
                                <td>0.5</td>
                                <td>2013-07-30 15:05</td>
                                <td>2013-07-29 10:45</td>
                            </tr>
                            <tr>
                                <td>135</td>
                                <td>
                                    <div class="dropdown">
                                        <a class="dropdown-toggle" data-toggle="dropdown" href="#">
                                            Allow user unused choose account type when add account(if not choose, use
                                            default account type)
                                            <b class="caret"></b>
                                        </a>
                                        <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                                            <li><a tabindex="-1" href="#">Finish</a></li>
                                            <li><a tabindex="-1" href="#">Cancel</a></li>
                                            <li class="divider"></li>
                                            <li><a tabindex="-1" href="#">Delete</a></li>
                                        </ul>
                                    </div>
                                </td>
                                <td>0.5</td>
                                <td>2013-07-30 15:05</td>
                                <td>2013-07-29 10:45</td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="tab-pane" id="created">
                        <p>Created tasks.</p>
                    </div>
                    <div class="tab-pane" id="finished">
                        <p>Finished tasks.</p>
                    </div>
                    <div class="tab-pane" id="canceled">
                        <p>Canceled tasks.</p>
                    </div>
                    <div class="tab-pane" id="alltasks">
                        <p>All tasks.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="span12">
            <div class="pagination">
                <ul>
                    <li><a href="#">&laquo;</a></li>
                    <li class="active"><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">4</a></li>
                    <li><a href="#">5</a></li>
                    <li><a href="#">»</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="footer">
        <hr/>
        <p>&copy; Andaily 2013</p>
    </div>

</div>


<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="http://cdnjs.bootcss.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://cdnjs.bootcss.com/ajax/libs/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>

</body>
</html>
